<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/aui/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/winu-ui.css" />
		<style type="text/css">
			body {
				background: #efeff4;
			}
			.aui-user-view-cell:after {
				left: 0;
			}
			.content {
				font-size: 12px;
				color: #999999;
				line-height: 22px;
			}
			.otherinfo {
				padding: 10px 10px 10px 10px;
				background: #fff;
			}
			.otherinfo p {
				font-size: 10px;
				margin-bottom: 0;
			}
			.proinfo {
				padding: 10px 0;
			}
			.proinfo p {
				border-right: 1px solid #d7d7d7;
			}
			.proinfo p:last-child {
				border: none;
			}
			.aui-list-view:active {
				background: #f4f4f4;
			}
			.aui-content{
				position: relative;
			}
			.content {
				color: #666;
				padding: 10px 10px 0 10px;
				font-size: 13px;
				background: #fff;
			}
			.level {
				display: inline-block;
				vertical-align: middle;
				font-size: 9px;
				color: #fff;
				background: #96d2f7;
				height: 15px;
				line-height: 16px;
				padding: 0 4px;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				margin-left: 10px;
			}
			.aui-list-view {
				margin-bottom: 5px;
				min-height: 0;
				height: auto;
				overflow: hidden;
				background: rgba(0,0,0,0);
			}
			.aui-line-x:after {
				border-bottom: 1px solid #d7d7d7;
			}
			.aui-list-view:after {
				border-top: 0;
			}
			#find-list > .aui-list-view {
				border-bottom: 1px solid #d7d7d7;
			}
			.aui-user-view-cell:after {
				border-bottom: 0;
			}
			.img-cont {
				display: inline-block;
				width: 48px;
				height: 48px;
				float: left;
				margin-right: 15px;
				overflow: visible;
				position: relative;
			}
			.img-cont img {
				margin-right: 0 !important;
			}
			.img-cont .gender {
				display: block;
				height: 15px;
				width: 15px;
				border-radius: 50%;
				-webkit-border-radius: 50%;
				color: #fff;
				position: absolute;
				right: 0;
				bottom: 0;
				text-align: center;
			}
			.img-cont .gender i {
				font-size: 10px;
				position: relative;
				top: -6px;
			}
			.img-cont .gender.man {
				background: #1d9dd5;
			}
			.img-cont .gender.max {
				background: #f54171;
			}
			.aui-list-view.aui-grid-view {
				padding-bottom: 0;
			}
			#find-list:before {
				content: '';
				position: absolute;
				top: 0px;
				bottom: 0;
				width: 3px;
				background: #d7d7d7;
				left: 15px;
				margin: 0;
				border-radius: 2px;
			}
			.aui-list-view.aui-grid-view {
				background: #fff;
				margin-bottom:0;
				padding-bottom:5px;
			}
			.push-time{
				padding:13px 10px 8px 7px;
				color:#666;
			}
			.push-time span{
				display:inline-block;
				width:18px;
				height:18px;
				border-radius:50%;
				-webkit-border-radius:50%;
				border:3px solid #4385f6;
				background: #fff;
			}
		</style>
	</head>
	<body>
		<div class="aui-content">
			<ul id="find-list">
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
				<li class="aui-list-view" tapmode >
					<div class="push-time">
						<span></span> 15分钟前
					</div>
					<div class="aui-padded-10 content">
						点点例是由中山赢友网络科技有限公司专门为APICloud开发者提供的示例应用，帮助开发者快速学习，快速查阅！
					</div>
					<ul class="aui-list-view aui-grid-view">
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
						<li class="aui-list-view-cell aui-img aui-col-xs-4" tapmode >
							<img class="aui-img-object" src="../../image/gray.jpg" data-echo="../../image/pic.jpg">
						</li>
					</ul>
					<div class="aui-col-xs-12 aui-padded-10 otherinfo">
						<p>
							<span class="aui-iconfont aui-icon-phone"></span> XIAOMI NOTE PRO
						</p>
						<p>
							<span class="aui-iconfont aui-icon-location"></span> 广东省中山市中山二路48号怡中大厦5楼515
						</p>
					</div>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../../script/AHelper.js"></script>
	<script type="text/javascript" src="../../script/zepto.min.js"></script>
	<script type="text/javascript" src="../../script/echo.min.js"></script>
	<script type="text/javascript">
		echo.init({
			offset : 100,
			throttle : 250,
			unload : false,
			callback : function(element, op) {
			}
		});
		Zepto(function($) {
			$("#find-list").on("tap", ".btn-share", function() {
				// 快速打开窗口
				H.$openFrame('share_body', 'share_body.html', null, {
					x : 0,
					y : 0
				});
			});
		});
		H.ready(function() {
			H.$dropdownToRefresh(function(ret, err) {
				setTimeout(function() {
					// 加载完毕后，恢复下拉
					H.$recoverDropdownToNormal();
				}, 2000);
			});
			H.$dropupToAppend(function(ret, err) {
			});
		});
	</script>
</html>